<%-- 
    Document   : Persona
    Created on : 13/10/2011, 10:27:24 AM
    Author     : pezcado
--%>
<jsp:useBean id="model" class="mvc.dao.WebModel" scope="session"/>
<%@page session="true" errorPage="PaginaError.jsp"%> 
<%@page import="mvc.modelos.Cuenta"%>
<%@page import="mvc.modelos.Rol"%>
<%@page import="mvc.modelos.Persona"%>
<%
    model.init(application);
    
    request = (HttpServletRequest) pageContext.getRequest();
    String url = request.getContextPath();//recibe la carpeta raiz en la que esta el proyecto
    String controller = url + "/controladores";//ubicacion del controlador en el proyecto
        
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
                function mostrarReferencia(){
                    //Si la opcion con id Conocido_1 (dentro del documento > formulario con name fcontacto >     y a la vez dentro del array de Conocido) esta activada
                    if (document.datosPersona.tipoDePersona.value=='Aspirante') {
                    //muestra (cambiando la propiedad display del estilo) el div con id 'desdeotro'
                    document.getElementById('datosAspirante').style.display='block';
                    //por el contrario, si no esta seleccionada
                    } else {
                    //oculta el div con id 'desdeotro'
                    document.getElementById('datosAspirante').style.display='none';
                    }
                    }

        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="magic color, colorful theme, free CSS templates, CSS, HTML" />
        <meta name="description" content="Magic Color Theme, Colorful Template, free website template by templatemo.com" />
        <link href="<%=url%>/estilos/templatemo_style.css" rel="stylesheet" type="text/css" />
        <link href="<%=url%>/estilos/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
        <link href="<%=url%>/estilos/ie6.css" rel="stylesheet" type="text/css" />
        <link href="<%=url%>/estilos/menu_style.css" rel="stylesheet" type="text/css" />
        <link href="<%=url%>/estilos/estilosPrueba/style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="<%=url%>/estilos/estilosPrueba/coin-slider.css" />
        <script type="text/javascript" src="<%=url%>/estilos/js2/jquery.js"></script>
        <script type="text/javascript" src="<%=url%>/estilos/js2/jquery.lightbox-0.5.js"></script>
        <script type="text/javascript" src="<%=url%>/estilos/js2/jquery.lightbox-0.5.min.js"></script>
        <script type="text/javascript" src="<%=url%>/estilos/js2/jquery.lightbox-0.5.pack.js"></script>
    </head>
    
    <body> 
        <div id="templatemo_body_wrapper">
            <div id="templatemo_wrapper">
                <div id="templatemo_header">
                    <div id="site_title"><h1><a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></h1></div>
                </div>
                <div class="main">
                    <div class="header">
                        <div class="fbg">
                            <div class="fbg_resize">
                                <%-- <a href="#"><img src="images/logoBanner.png" width="390" height="108" alt="" class="gal" /></a> --%>
                              
                       </div>
                    </div>
                </div>
        </div>
  
        <!-- end of templatemo_menu -->
<div id="templatemo_main">
        	<div class="col_w900 hr_divider">
			
              	<div class="col_allw280 frontpage_box">
                    <form name="datosPersona"   action="<%=controller%>/Registrar/Persona" method="post" width="500" height="65">
                       <br />
                       <fieldset name="Group1" style="height: 510px; width: 439px;">
                            <legend>Datos Persona</legend>
                    Identificacion:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <input name="identificacion" type="text" size="25" maxlength="30" style="width: 217px"/><br>
                    Tipo Identificacion:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <select name="tipoId" style=" width:225px;">
                        <option></option>
                        <option value="cedula"> cedula de ciudadania </option>style=" width:225px;"
                        <option value="tarjeta de Identidad"> tarjeta de Identidad </option>
                        <option value="pasaporte"> pasaporte </option>
                    </select><br>
                    Nombre:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <input name="nombre" type="text" size="25" maxlength="30" style="width: 217px"/><br>
                    Apellido:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input name="apellido" type="text" size="25" maxlength="30" style="width: 217px"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span><br>
                    Telefono:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <input name="telefono" type="text" size="25" maxlength="30" style="width: 217px"/><br>
                    Correo:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <input name="correo" type="text" size="25" maxlength="30" style="width: 217px"/><br>
                    Tipo de Persona:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <select name="tipoDePersona" style=" width:225px;">
                        <option onclick="mostrarReferencia();"></option>
                        <option value="Administrador" onclick="mostrarReferencia();"> Administrador </option>
                        <option  onclick="mostrarReferencia();"> Aspirante </option>
                        <option value="Director De Grupo" onclick="mostrarReferencia();"> Director De Grupo </option>
                        <option value="Jefe De Cultura" onclick="mostrarReferencia();"> Jefe De Cultura </option>
                        <option value="Secretaria" onclick="mostrarReferencia();"> Secretaria </option>
                    </select><br/>
                    
                    <div id="datosAspirante" style="display: none;">
                        <fieldset name="Group1" style="height: 120px; width: 328px;">
                        <legend>Datos Exclusivo solo para Aspirantes *</legend>
                        Codigo Aspirante:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </span>
                        <input name="codigoAspirante" type="text" size="25" maxlength="50" style="width: 217px" id="camposExtra"/><br>
                        Tipo de Aspirante:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </span>
                        <select name="tipoDeAspirante" id="camposExtra" style=" width:225px;">
                            <option></option>
                            <option value="Administrativo"> Administrativo </option>
                            <option value="Estudiante"> Estudiante </option>
                            <option value="Docente"> Docente </option>
                            <option value="AdministrativoDocente"> Administrativo/Docente </option>
                        </select><br>
                        </fieldset>
                    </div>
                    
                    Direccion:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>    
                    <input name="direccion" type="text" size="25" maxlength="50" style="width: 217px"/><br>
                    Nombre de Usuario:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>    
                    <input name="nombreDeUsuario" type="text" size="25" maxlength="50" style="width: 217px"/><br>
                    Estado:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <select name="estado" style="width: 217px">
                        <option></option>
                        <option value="Activo"> Activo </option>
                        <option value="Inactivo"> Inactivo </option>
                    </select><br>
                    Descripcion:<span lang="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span><br/>
                    <textarea name="descripcion" style="height: 68px; width: 345px"></textarea><br />
                    <br/><br/>
                    <span lang="es">&nbsp;&nbsp;&nbsp; </span>
                    <input type="submit" value="Registrar" name="Enviar"/>
                    <span lang="es">&nbsp; </span>
                    <input type="reset" value="Limpiar" name="Limpiar" style="width: 74px"/>
                    </fieldset>
                </form>
                </div>
				
                <div class="cleaner"></div>
            </div>
            
           
      </div> <!-- end of templatemo main -->
    	
    </div>
</div>

    <div id="templatemo_footer_wrapper">
        <div id="templatemo_footer">

                    <h6><span>Contactanos </span></h6>
                            <h6>Fundacion Universitaria Tecnologico Comfenalco</h6>
                            <h6> Sede Barrio Espana Cr 44 D N 30A - 91 Telefono 6690754 - PBX 6723700 - Sede Zaragocilla Conmutador 6725290 -91</h6>

        </div> <!-- end of templatemo_footer -->
    </div>
      
    </body>
</html>
